@charset "UTF-8";
@media only screen and (max-width: 1200px) {
*{
box-sizing: border-box;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.col.sm-col12{width: 100%; float: left;}
.col.sm-col1{width: 8.33333333%;}
.col.sm-col2{width: 16.66666667%;}
.col.sm-col3{width: 25%;}
.col.sm-col4{width: 33.33333333%;}
.col.sm-col5{width: 41.66666667%;}
.col.sm-col6{width: 50%;}
.col.sm-col7{width: 58.33333333%;}
.col.sm-col8{width: 66.66666667%;}
.col.sm-col9{width: 75%;}
.col.sm-col10{width: 83.33333333%;}
.col.sm-col11{width: 91.66666667%;}
.sm-order1{order: 1; }
.sm-order2{order: 2; }
.sm-order3{order: 3; }
.sm-order4{order: 4; }
.sm-order5{order: 5; }
.sm-order6{order: 6; }
.sm-order7{order: 7; }
.sm-order8{order: 8; }
.sm-order9{order: 9; }
.rbtn::after {
display: none;
}
.lzpic2{
display: block;
}
.lzpic1{
display: none;
}
.container .banner .text { top:35%;}
.article {
line-height: 24px;
font-size: 14px;
}
.wrapper {
padding-top: 50px;
}
.header {
height: 50px;
z-index: 105;
}
.header.top {
top: -60px;
}
.header .logo {
height: 30px;
margin-top: 10px;
}
.header .search-box {
margin: 0 40px 0 0;
}
.header .search-box .search-btn {
width: 50px;
height: 50px;
}
.header .search-box .search-bar {
width: 100%;
height: 50px;
position: fixed;
right: 0;
top: 0;
z-index: 200;
padding: 0px;
}
.header .search-box .search-bar .close{
display: none;
}
.header .search-box .search-bar .btn{
width: 50px;
height: 50px;
float: right;
}
.header .search-box .search-bar .inpu{
height: 50px;
padding: 0 50px 0 0;
}
.header .search-box .search-bar .inpu input {
background: #fff;
height: 50px;
line-height: 50px;
}
.header .language {
margin: 0 10px 0 0;
}
.header .language .tit {
height: 50px;
line-height: 50px;
padding: 0 16px 0 0;
}
.header .language .list {
top: 40px;
width: 100px;
}
.header .language li a:hover {
background: none;
}
.header .menu-btn {
width: 50px;
height: 50px;
display: block;
position: absolute;
right: 0;
top: 0;
z-index: 3;
}
.header .menu-btn span {
width: 28px;
height: 3px;
background: #006ad3;
border-radius: 2px;
position: absolute;
left: 12px;
top: 23px;
z-index: 2;
transition: 0.8s;
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-ms-transition: 0.8s;
-o-transition: 0.8s;
}
.header .menu-btn span.line1 {
top: 14px;
}
.header .menu-btn span.line3 {
top: 32px;
}
.header .nav {
width: 260px;
height: 100%;
overflow: auto;
position: fixed;
right: -260px;
top: 0;
bottom: 0;
z-index: 105;
background: #fff;
margin: 0;
padding: 0 0 20px 0;
}
.header .nav .tit {
display: block;
font-size: 30px;
color: #006ad3;
text-align: center;
padding: 20px 0;
font-family: "AlibabaPuHuiTi-Bold";
}
.header .nav > ul > li {
width: 100%;
float: none;
margin: 0;
position: relative;
}
.header .nav > ul > li:hover > a,
.header .nav > ul > li > a {
width: 100%;
height: 60px;
line-height: 60px;
padding: 0 20px;
border-bottom: solid 1px #ccc;
color: #000000;
}
.header .nav > ul > li.on:hover > a,
.header .nav > ul > li.on > a {
color: #006ad3;
border-bottom: solid 1px #006ad3;
}
.header .nav > ul > li > a::after {
display: none;
}
.header .nav > ul > li .arrow{
width: 60px;
height: 60px;
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
background: url(../images/arrow1.png) no-repeat center;
}
.header .nav > ul > li.now .arrow{
background-image: url(../images/arrow2.png);
}
.header .nav .sub {
position: static;
top: 0;
left: 0;
padding: 0;
background: #eee;
}
.header .nav .sub li {
float: none;
margin: 0;
}
.header .nav .sub li a:hover,
.header .nav .sub li a {
display: block;
height: 50px;
line-height: 50px;
color: #333;
border-bottom: solid 1px #ddd;
background: none;
text-indent: 30px;
}
.header .nav li:nth-child(2) .sub li{ width:100%; max-width:none;}
.header .nav li:nth-child(2) .sub li p{ display:none;}
.header .nav li:nth-child(1) .sub li{ width:100%; max-width:none; text-align:left;}
.header .nav li:nth-child(1) .sub li a{ float:none;border-bottom: solid 1px #ddd;}
.header .nav li:nth-child(1) .sub li a:after{ display:none;}
.header .nav li:nth-child(2) .sub li a{ float:none; text-align:left;border-bottom: solid 1px #ddd;}
.header .nav li:nth-child(2) .sub li a:after{ display:none;}
.wrapper.shiftLeft {
margin-left: -200px;
}
.wrapper.shiftLeft .header {
left: -260px;
z-index: 105;
}
.wrapper.shiftLeft .header .nav {
right: 0;
}
.wrapper.shiftLeft .menu-btn span.line1 {
top: 23px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-moz-transform: rotate(45deg);
}
.wrapper.shiftLeft .menu-btn span.line2 {
opacity: 0;
}
.wrapper.shiftLeft .menu-btn span.line3 {
top: 23px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
}
.wrapper,
.wrapper .header,
.wrapper .header .nav {
transition: 0.4s;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
}
.footer {
padding: 0;
text-align: center;
}
.footer .title {
height: 40px;
line-height: 40px;
display: block;
}
.footer .link-list {
width: 100%;
float: none;
}
.footer .link-list .list {
width: 100%;
float: none;
border-bottom: solid 1px #ccc;
}
.footer .link-list ul {
margin: 0;
padding-bottom: 10px;
display: none;
}
.footer .link-list li {
margin: 0;
}
.footer .link-list li a {
opacity: .8;
height: 36px;
line-height: 36px;
display: block;
}
.footer .contact {
float: none;
max-width: 300px;
margin: 10px auto;
}
.footer .contact .tel {
margin: 10px 0;
}
.footer .contact .text {
text-align: left;
}
.footer .contact .text p {
margin-bottom: 10px;
}
.footer .social-share {
margin-top: 30px;
}
.footer .social-share a {
margin: 0 5px;
display: inline-block;
float: none;
}
.footer .friendship {
margin-top: 40px;
text-align: left;
}
.footer .friendship a {
margin: 0 10px 10px 0;
}
.footer .bottom {
padding: 10px 0;
}
.footer .support,
.footer .copy {
float: none;
}
.swiper-button-prev,
.swiper-button-next {
width: 30px;
height: 30px;
margin: -15px 0 0 0;
background-size: 6px auto;
}
.icon-add {
width: 30px;
height: 30px;
}
.icon-add::after {
width: 10px;
height: 10px;
}
.main .banner .swiper-slide .cont {
font-size: 1.6rem;
margin-left: 0;
}
.main .banner .swiper-slide .cont .p2,
.main .banner .swiper-slide .cont .p3 {
line-height: 30px;
font-size: 2.2rem;
}
.main .banner .swiper-slide .cont .p2 {
font-size: 3rem;
letter-spacing: -2px;
}
.banner .swiper-pagination{
width: 94%;
bottom: 10px;
}
.main .pctitle .entit {
line-height: 60px;
font-size: 6rem;
}
.main .pctitle .title {
font-size: 2.2rem;
/*margin-top: -20px;*/
}
.main .pctitle .slogan {
line-height: 26px;
font-size: 1.4rem;
}
.main .news,
.main .case,
.main .solution ,
.main .product ,
.main .about {
padding: 50px 0;
}
.main .about .wrap{
max-width: 600px;
}
.main .about .cont ,
.main .about .pic {
width: 100%;
float: none;
padding: 0;
}
.main .about .pic span {
display: block;
margin-left: -90px;
}
.main .about .cont {
margin-top: 30px;
}
.main .about .text {
font-size: 1.4rem;
margin: 30px 0;
}
.main .about .number span {
font-size: 3rem;
}
.main .about .more {
line-height: 30px;
}
.main .about .more .icon-add {
margin-right: 20px;
}
.main .news .content,
.main .case .case-list ,
.main .solution .content ,
.main .product .content {
margin-top: 40px;
}
.main .product .swiper-slide .tit {
font-size: 1.6rem;
margin-top: 14px;
}
.main .product .swiper-slide .more {
margin-top: 10px;
}
.main .product .swiper-slide a:hover .more::before {
width: 40px;
}
.main .solution .content::before,
.main .solution .content::after {
display: none;
}
.main .solution .swiper-button-prev,
.main .solution .swiper-button-next {
top: 30%;
margin: -15px 0 0 0;
}
.main .solution .swiper-button-prev {
left: 10px;
}
.main .solution .swiper-button-next {
right: 10px;
}
.main .solution .swiper-slide {
max-width: 500px;
width: 90%;
padding: 0 50px;
}
.main .solution .swiper-slide .pic {
margin: 0 -50px;
}
.main .solution .swiper-slide .text {
padding: 20px;
margin-top: -50px;
}
.main .solution .swiper-slide .tit {
font-size: 1.6rem;
}
.main .solution .swiper-slide .en {
font-size: 2rem;
}
.main .solution .swiper-slide .txt {
margin-top: 10px;
}
@media only screen and (max-width: 500px){
.main .solution .swiper-slide {
padding: 0 20px;
}
.main .solution .swiper-slide .pic {
margin: 0 -20px;
}
}
.main .case .pctitle .more {
font-size: 1.4rem;
}
.main .news .headlines .date {
top: 10px;
left: 10px;
padding: 2px 0;
}
.main .news .headlines .date span {
font-size: 2rem;
}
.main .news .headlines .text {
padding: 10px;
}
.main .news .headlines .tit {
font-size: 1.6rem;
}
.main .news .swiper-slide .txt ,
.main .news .headlines .txt {
font-size: 1.2rem;
}
.main .news .row {
margin: 0 -5px;
}
.main .news .row .col {
padding: 0 5px;
margin-bottom: 10px;
}
.main .news .swiper-slide .pic {
margin-bottom: 10px;
}
.main .news .swiper-slide .tit {
font-size: 1.6rem;
margin: 10px 0;
}
.case-list ul {
margin: 0 -5px;
}
.case-list li {
width: 50%;
padding: 0 5px;
margin-bottom: 20px;
}
.case-list .swiper-slide a:hover .more span,
.case-list li a:hover .more span {
width: 80px;
}
.case-list .swiper-slide .text,
.case-list li .text {
padding: 20px 10px;
}
.case-list .swiper-slide .tit,
.case-list li .tit {
font-size: 1.6rem;
}
.case-list .swiper-slide a:hover .more,
.case-list li a:hover .more {
width: 120px;
}
.case-list .swiper-slide .more,
.case-list li .more {
width: 40px;
height: 40px;
line-height: 40px;
background-size: 8px auto;
background-position: right 14px center;
}
.case-list .swiper-slide .more span,
.case-list li .more span {
height: 40px;
}
@media only screen and (max-width: 500px){
.auto-banner-a .cont .pctitle .entit {
font-size: 3.6rem;
}
.auto-banner-a .cont .pctitle .title {
font-size: 1.8rem;
}
.auto-banner-a .cont .pctitle .slogan {
font-size: 1.2rem;
}
}
/**产品列表**/
.product-list-a {
padding-top: 50px;
padding-bottom: 60px;
}
.product-list-a .content {
padding-bottom: 25px;
line-height: 26px;
}
.list-type-a .cont {
padding: 20px 25px;
}
.list-type-a .title {
font-size: 20px;
line-height: 26px;
}
.list-type-a .des {
margin: 20px 0 15px;
}
.list-type-a .list-img {
right: 20px;
bottom: 10px;
width: 180px;
height: 120px;
}
/* */
@media only screen and (max-width: 992px){
.list-type-a .des {
margin: 15px 0 10px;
line-height: 24px;
}
.list-type-a .list-img {
width: 160px;
height: 106px;
}
}
@media only screen and (max-width: 768px){
.list-type-a .ul li{
float: none;
display: block;
width: 630px;
max-width: 100%;
margin: 0 auto;
}
.list-type-a .img-box::before {
padding-top: 250px;
}
}
@media only screen and (max-width: 480px) {
.main .pctitle .slogan { font-size:1.3rem; line-height:22px;}
}
} /* Less than 1200 */